<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/animate.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
	</head>
	<body>
		<header>
			<img src="img/logo.png" class="wow bounceInLeft" data-wow-delay="100ms" />
			<a href="#" class="wow bounceInLeft" data-wow-delay="250ms">WORK</a>
			<a href="#" class="wow bounceInLeft" data-wow-delay="400ms">TEAM</a>
			<a href="#" class="wow bounceInLeft" data-wow-delay="550ms">CONTACT</a>
		</header>

		<div class="banner">
			<img src="img/banner.png" />
			<h2 class="wow bounceInLeft" data-wow-delay="100ms">LET US MAKE</h2>
			<h3 class="wow bounceInLeft" data-wow-delay="250ms">YOUR LIVES EASIER</h3>
			<p class="wow bounceInLeft" data-wow-delay="400ms">We specialize in crafting awesome ideas for web, mobile and beyond.</p>

		</div>
		<a href="#work" class="wow bounceInLeft" data-wow-delay="550ms"><img src="img/icon.png" /></a>
		<div class="work" id="work">
			<h3 class="wow bounceInLeft" data-wow-delay="100ms">FEATURED WORK</h3>
			<hr />
			<p class="wow bounceInLeft" data-wow-delay="250ms">Here you can find some of our latest works, to see the details of these works<br />
				just click the thumbnails below.</p>
			<div class="work-img">
				<img src="img/work1.jpg" class="wow bounceInLeft" data-wow-delay="100ms" />
				<img src="img/work2.jpg" class="wow bounceInLeft" data-wow-delay="250ms" />
				<img src="img/work3.jpg" class="wow bounceInLeft" data-wow-delay="400ms" />
				<img src="img/work4.jpg" class="wow bounceInLeft" data-wow-delay="550ms" />
				<img src="img/work5.jpg" class="wow bounceInLeft" data-wow-delay="700ms" />
				<img src="img/work6.jpg" class="wow bounceInLeft" data-wow-delay="850ms" />
				<img src="img/work7.jpg" class="wow bounceInLeft" data-wow-delay="1000ms" />
				<img src="img/work8.jpg" class="wow bounceInLeft" data-wow-delay="1150ms" />
				<img src="img/work9.jpg" class="wow bounceInLeft" data-wow-delay="1300ms" />
			</div>
		</div>
		<div class="team">
			<h3 class="wow bounceInLeft" data-wow-delay="100ms">TEAM</h3>
			<hr class="wow bounceInLeft" data-wow-delay="250ms"/>
			<p class="wow bounceInLeft" data-wow-delay="400ms">We are a hard working group, who's aim is to listen to your problems<br />
				and to come up with the best solution possible. We follow the lates trends on<br />
				the web to create custom talierd niche websites.</p>
			<div class="team-flex">
				<ul class="wow bounceInLeft" data-wow-delay="100ms">
					<li><img src="img/team1.png" /></li>
					<li>NAME SURNAME</li>
					<li>Lead Developer</li>
					<li>
						<img src="img/icon1.png" />
						<img src="img/icon3.png" />
					</li>
				</ul>


				<ul class="wow bounceInLeft" data-wow-delay="250ms">
					<li><img src="img/team2.png" /></li>
					<li>NAME SURNAME</li>
					<li>Lead Developer</li>
					<li>
						<img src="img/icon1.png" />
						<img src="img/icon2.png" />
						<img src="img/icon3.png" />
					</li>
				</ul>
				<ul class="wow bounceInLeft" data-wow-delay="400ms">
					<li><img src="img/team3.png" /></li>
					<li>NAME SURNAME</li>
					<li>Marketing Director</li>
					<li>
						<img src="img/icon4.png" />
						<img src="img/icon3.png" />
					</li>
				</ul>
				<ul class="wow bounceInLeft" data-wow-delay="550ms">
					<li><img src="img/team4.png" /></li>
					<li>NAME SURNAME</li>
					<li>Business Director</li>
					<li>
						<img src="img/icon4.png" />
						<img src="img/icon3.png" />
					</li>
				</ul>
			</div>
		</div>
		<div class="contact">
			<h3 class="wow bounceInLeft" data-wow-delay="100ms">CONTACT</h3>
			<hr class="wow bounceInLeft" data-wow-delay="250ms"/>
			<div class="left">
				<h5 class="wow bounceInLeft" data-wow-delay="400ms">Where are we located?</h5>
				<img src="img/map.png" class="wow bounceInLeft" data-wow-delay="700ms" />
			</div>
			<div class="right">
				<h5 class="wow bounceInLeft" data-wow-delay="550ms">Want to contact us now? Just drop us a line below.</h5>
				<form>
					<div class="text wow bounceInLeft" data-wow-delay="850ms">
						<textarea name="desc" rows="17" cols="85">

   Lecve US a message...
				</textarea>
					</div>
					<input type="email" placeholder="your@email.com" class="wow bounceInLeft" data-wow-delay="1000ms" />
					<input type="submit" value="SEND" class="wow bounceInLeft" data-wow-delay="1150ms" />
			</div>
			</form>

		</div>
		<footer>
			<P class="wow bounceInLeft" data-wow-delay="100ms"><span>Adress:</span> Ahmet Bayman Caddesi No:8, Seyrantepe - Istanbul</P>
			<p class="wow bounceInLeft" data-wow-delay="250ms">Copyright &copy; 2013 Limbo</p>
		</footer>
	</body>
	<script type="text/javascript" src="js/wow.min.js" charset="UTF-8"></script>
	<script type="text/javascript">
		new WOW().init();
	</script>
</html>
